<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后台管理系统</title>
    <link rel="stylesheet" href="../css/style.css" type="text/css"/>
</head>
<body>
<div class="header">
    <div class="left-part">后台管理系统</div>
    <div class="right-part"></div>
</div>
<div class="middle-content">
    <div class="left-part">
        <div class="personal-info">
            <div class="avatar">
                <img src="">
            </div>
            <div class="name">

            </div>
        </div>
        <div class="menu">
            <ul>
                <li>
                    <a href="#" >Dashbord</a>
                </li>
                <li class="parent">
                    <a href="#" >Parent</a>
                </li>
                <li class = "child">
                    <a href="#" >child1</a>
                </li>
                <li class = "child">
                    <a href="#" >child2</a>
                </li>
            </ul>
        </div>
        <div class="right-part">
            <div class="title">

            </div>
        </div>
    </div>
    <div class="right-part">
        asdda
    </div>
</div>
<div class="footer">
    这是页脚
</div>


</body>
</html>